技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2024 iThome 鐵人賽
DAY
22
0
佛心分享-IT 人自學之術
從零開始學習TypeScript、Vue.js !!
系列 第
22
篇
Day 22
16th鐵人賽
jay0519
2024-10-06 21:50:59
32 瀏覽
分享至
範例:待辦任務清單
透過前面的學習,接下來嘗試做出一個待辦任務清單應用,功能有展示未完成的任務、新增新的任務及刪除已經完成的任務。
使用HTML架設應用框架結構
首先建立一個HTML檔:
這段程式主要先在頁面上定義兩部分,表單輸入匡用來新建任務,有序清單則用來顯示待辦任務,執行畫面如下圖。
目前頁面中僅展示了表單輸入匡的部分,要將代辦的任務新增進來,需透過JavaScript程式實現邏輯。
實現待辦任務清單邏輯
接著在程式中新增:
再次執行後,可以在輸入框中新增待辦任務,該任務會在下方顯示出來,並且可透過點擊右邊的刪除任務,就可以將完成的任務刪除。
這樣就完成了一個簡單的應用,今天的介紹就先到這邊,明天要介紹的內容是Vue元件的屬性及方法!
留言
追蹤
檢舉
上一篇
Day 21
下一篇
Day 23
系列文
從零開始學習TypeScript、Vue.js !!
共
30
篇
目錄
RSS系列文
訂閱系列文
0
人訂閱
26
Day 26
27
Day 27
28
Day 28
29
Day 29
30
Day 30 !!
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
21839
篇
完賽人數
595
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
程式開發人員的電腦軟體是否受MIS管理
玩玩SQL~查詢當月排班各區間的班別~SQL改善完成!
VS Code 啟動好慢
Fortigate 防火牆政策設定問題
交換器設備
UPS加電池櫃以後確認的問題
網域內所有裝置密碼強度變更
請問有中國大陸用語轉台灣用語AI工具嗎?
fortinet中文客服
Win11 耳機一邊沒有聲音
熱門回答
程式開發人員的電腦軟體是否受MIS管理
交換器設備
如何將Windows 檔案總管內圖示放大?
玩玩SQL~查詢當月排班各區間的班別~SQL改善完成!
VS Code 啟動好慢
熱門文章
Day29 什麼?肛門也能下棋!
[ANNOUNCE] New Kafka PMC Member: Chia-Ping Tsai
Day 31 - 完賽 :)
[Day30] 噴殺蟲劑的房間要通風多久才能住進去
Day 30 - 例外處理的幕後真相
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}